<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Badge - KUI</title>
<link rel="stylesheet/less" type="text/css" href="../src/less/index.less" />
<script src="js/less.min.js" type="text/javascript"></script>
</head>

<body>
<div class="kui-page">
	<div class="kui-header">
		<div class="pull-left icon-left app-back" onClick="history.back()">返回</div>
		<h1 class="kui-title">徽标</h1>
	</div>
	<div class="kui-content">
		<div class="kui-block-title">徽标</div>
		<div class="kui-blocker Pd">
			<span class="kui-badge">1</span>
			<span class="kui-badge">徽标</span>
			<span class="kui-badge-muted">徽标</span>
			<span class="kui-badge-s">123</span>
		</div>
		<div class="kui-block-title">状态徽标</div>
		<div class="kui-blocker Pd">
			<span class="kui-badge kui-bg-primary">primary</span>
			<span class="kui-badge kui-bg-success">success</span>
			<span class="kui-badge kui-bg-danger">danger</span>
			<span class="kui-badge kui-bg-warning">warning</span>
			<span class="kui-badge kui-bg-grey">grey</span>
		</div>
		<div class="kui-block-title">白边徽标</div>
		<div class="kui-blocker">
			<div class="Pd kui-bg-primary">
				<span class="kui-badge kui-badge-border">primary</span>
				<span class="kui-badge kui-badge-border kui-bg-primary">primary</span>
				<span class="kui-badge kui-badge-border kui-bg-success">success</span>
				<span class="kui-badge kui-badge-border kui-bg-danger">danger</span>
				<span class="kui-badge kui-badge-border kui-bg-warning">warning</span>
				<span class="kui-badge kui-badge-border kui-bg-grey">grey</span>
			</div>
			<p>.kui-badge-border白色描边</p>
		</div>
	</div>
</div>
</body>
</html>
